<template>
  <i :class="['pui-icon', `pui-icon-${name}`, size, className, role && 'pui-loading']" :style="{ color: color }"></i>
</template>

<script lang="ts">
import { defineComponent } from 'vue';
export default defineComponent({
  name: 'pui-icon',
});
</script>

<script setup lang="ts">
defineProps<{
  name: '';
  color: '';
  className: '';
  size: 'normal';
  role: false;
}>();
</script>
